<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>银通前海金融资产交易中心</title>
    <link href="bootstrap/v5.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/common_ytfae.css">
    <style>
        div::-webkit-scrollbar {
            height: 5px;
        }

        div::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        }

        div::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            border-radius: 0;
        }

        .clearMarg {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        video {
            width: 100%;
            height: 100%;
        }

        .bg-text {
            width: 100%;
            /* height: 614.5px; */
            height: 100%;
            position: absolute;
            z-index: 3;
            /* top: 70px; */
            top: 0;
        }

        .session_3 {
            height: 57px;
            background: url('./img/shouye/SketchPng0c62ee702c3c3b022d2794c5a1dfb3a9baf5e07287bb9cae65224d061e34d15d.png') 100% no-repeat;
            background-size: 100% 100%;
        }

        .text_1 {
            color: rgb(255, 255, 255);
            font-size: 18px;
            font-family: PingFangSC-Regular;
        }

        .nav_h_item {
            cursor: pointer;
            height: 57px;
        }

        .nav_h_item.active {
            background: url('./img/shouye/SketchPngc757d0fe63df751d4fd770401cecf620603b38dea41c8d311c3d930cabe75204.png') 100% no-repeat;
            background-size: 100% 100%;
            border-bottom: 2px solid rgba(0, 60, 125, 1);
        }

        .card_title {
            color: rgba(255, 255, 255, 1);
            font-size: 20px;
            font-family: PingFangSC-Medium;
            font-weight: 500;
        }

        .card_text {
            color: rgba(255, 255, 255, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            margin-top: 7px;
        }

        .list_left_text {
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #181818;
        }

        .list_right_text {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
        }

        .big_title {
            font-size: 36px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #181818;
        }

        .hot_title {
            font-size: 24px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #181818;
        }

        .hot_title1 {
            font-size: 24px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
        }

        .hot_title1.active {
            font-weight: 500;
            color: #181818 !important;
            background-color: inherit !important;
        }

        .hot_title1:hover {
            color: #181818 !important;
            font-weight: 500;
        }

        .buttom_title {
            font-size: 22px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #FFFFFF;
        }

        .buttom_buttn_text {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
        }

        .fazhan_title {
            font-size: 36px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #FFFFFF;
        }

        .fazhan_year {
            font-size: 40px;
            font-family: DINAlternate-Bold, DINAlternate;
            font-weight: bold;
            color: #FFFFFF;
        }

        .fazhan_company {
            font-size: 18px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #FFFFFF;
        }

        .fazhan_text {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
        }

        .fazhan_line {
            height: 4px;
            background: #FFFFFF;
        }

        .fzahan_body {
            margin-right: 50px;
        }

        .carousel_indicators_sign {
            width: 8px !important;
            height: 8px !important;
            background: #FFFFFF;
            list-style: none;
            border-radius: 3px;
        }

        .carousel_indicators_sign.active {
            width: 20px !important;
            height: 8px !important;
            background: #FFFFFF;
            border-radius: 4px;
        }

        .noticeWrap {
            height: 24px;
            overflow: hidden;
            position: relative;
            flex: 1;

            .noticeRow {
                position: absolute;
                height: 100%;
                width: 100%;
            }
        }

        @keyframes anim1 {
            0% {
                top: 0;
                opacity: 1
            }

            45% {
                top: 0;
                opacity: 1
            }

            50% {
                top: -100%;
                opacity: 0
            }

            51% {
                top: 100%;
                opacity: 0
            }

            95% {
                top: 100%;
                opacity: 1
            }

            96% {
                opacity: 1
            }

            100% {
                top: 0;
                opacity: 1
            }
        }

        @keyframes anim2 {
            0% {
                top: 100%;
                opacity: 0
            }

            45% {
                top: 100%;
                opacity: 0
            }

            50% {
                top: 0;
                opacity: 1
            }

            95% {
                top: 0;
                opacity: 1
            }

            100% {
                top: -100%;
                opacity: 0
            }
        }

        .noticeRow:nth-child(1) {
            animation: anim1 10s linear infinite;
        }

        .noticeRow:nth-child(2) {
            top: 25px;
            animation: anim2 10s linear infinite;
        }

        .sidebar {
            height: 146px;
            width: 80px;
            position: fixed;
            top: 75%;
            right: 0;
            z-index: 10000;
            transform: translateY(-50%);
        }

        .sidebar-text {
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
        }
    </style>
</head>

<body>

    <!-- 导航栏 -->
    <input id="headerNavSelect" type="hidden" value="pcIndexNavId" />
    <div id="header"></div>
    <!-- 右侧客服开始 -->
    <div class="card border-0 rounded-0 shadow sidebar nav flex-column justify-content-center">
        <div>
            <div class="text-center">
                <a href="#">
                    <img src="./img/shouye/icon-customer-service.png" alt="">
                </a>
                <div class="sidebar-text pt-2">客服热线</div>
            </div>
            <div class="text-center pt-3">
                <a href="#">
                    <img src="./img/shouye/icon-scan-code.png" alt="">
                </a>
                <div class="sidebar-text pt-2">扫码关注</div>
            </div>
        </div>
    </div>
    <!-- 右侧客服结束 -->
    <!-- 页头结束 -->
    <section class="bg-light" style="width: 100%;position: relative;">
        <!-- autoplay 自动播放  loop循环播放  muted 声音 preload 预加载 -->
        <video autoplay loop muted="" preload poster="img/银通前海视频banner.jpg">
            <source src="./source/银通前海视频banner.mp4">
        </video>
        <div class="bg-text d-flex flex-wrap align-content-around">
            <div class="w-100" style="position: absolute;top: 20px;">
                <div class="bg-light " style="opacity: 0.8;">
                    <div class="container">
                        <div class="noticeWrap">
                            <div class="noticeRow">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-volume-up-fill" viewBox="0 0 16 16">
                                    <path
                                        d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z" />
                                    <path
                                        d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z" />
                                    <path
                                        d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707zM6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z" />
                                </svg>
                                <small style="font-size: 13px; color: #003C7D;">
                                    特别提示:本交易中心机构投资者不得直接向个人拆分销售或转让资产、产品，不得通过汇集个
                                    人资金或为个人代持等方式变相向个人销售或转让资产、产品。
                                </small>
                            </div>
                            <div class="noticeRow">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-volume-up-fill" viewBox="0 0 16 16">
                                    <path
                                        d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z" />
                                    <path
                                        d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z" />
                                    <path
                                        d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707zM6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z" />
                                </svg>
                                <small style="font-size: 13px; color: #003C7D;">
                                    关于不法分子冒用招招理财名义诈骗的风险提示
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row clearMarg" style="height:100%;">
                    <div class="align-middle">
                        <h2 class="m-0 text-white" style="text-shadow: 2px 2px 5px gray;">
                            依托湾区地缘与政策优势 <br>
                            提供国际化一站式综合交易服务
                        </h2>
                    </div>
                </div>
            </div>
            <div class="w-100 session_3" style="position: absolute;bottom: 6px;">
                <div>
                    <div class="container">
                        <div class="row clearMarg text-center">
                            <div class="col p-3 border-start border-end nav_h_item active">
                                <span class="text_1">一站式综合服务平台</span>
                            </div>
                            <div class="col p-3 border-start border-end nav_h_item ">
                                <span class="text_1">定制化交易方案</span>
                            </div>
                            <div class="col p-3 border-start border-end nav_h_item">
                                <span class="text_1">开放融合生态圈</span>
                            </div>
                            <div class="col p-3 border-start border-end nav_h_item">
                                <span class="text_1">热门推介</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 页头结束 -->

    <!-- 顶部分类开始 -->
    <section class="bg-light">
        <div class="container pt-4">
            <div class="row clearMarg">
                <div class="col-12 col-lg-6 g-0">
                    <div class="pe-lg-4">
                        <div class="background-image" style="
                        background-image: url('img/竞价中心.png');
                        background-size: cover; 
                        background-position-x: center;
                        height: 80px;">
                            <div class="row clearMarg">
                                <div class="col-2">
                                </div>
                                <div class="col-6 g-0">
                                    <div class="text-left text-white">
                                        <div class="card_title pt-2">竞价中心</div>
                                        <div class="card_text">
                                            <small>公开公正的竞价平台</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4 g-0 align-self-center d-flex flex-row-reverse">
                                    <div class="nav flex-column justify-content-center" style="height: 80px;">
                                        <div class="pe-5">
                                            <a href="./index4.html" class="btn btn-light btn-sm rounded-0"
                                                style="background: #FFFFFF;">
                                                <span class="common_link_text mt-3 mb-3 ms-2 me-2">了解更多</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 g-0  bg-light">
                    <div class="pt-3 pt-lg-0 ps-lg-4">
                        <div class="background-image" style="
                        background-image: url('img/编组 17.png');
                        background-size: cover; 
                        background-position-x: center;
                        height: 80px;">
                            <div class="row clearMarg">
                                <div class="col-2">
                                </div>
                                <div class="col-6 g-0">
                                    <div class="text-left text-white">
                                        <div class="card_title pt-2">拍卖中心</div>
                                        <div class="card_text">
                                            <small>高效透明的拍卖平台</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4 g-0 align-self-center d-flex flex-row-reverse">
                                    <div class="nav flex-column justify-content-center" style="height: 80px;">
                                        <div class="pe-5">
                                            <a href="./index41.html" class="btn btn-sm rounded-0"
                                                style="background: #FFFFFF;">
                                                <span class="common_link_text mt-3 mb-3 ms-2 me-2">了解更多</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 顶部分类结束 -->

    <!-- 热门资产开始 -->
    <section class="bg-light pt-5">
        <div class="container p-0">
            <div>
                <h2 class="text-center pb-3 big_title">热门资产</h2>
            </div>
            <div class="row clearMarg pb-3">
                <div class="row clearMarg">
                    <div class="col-12 col-lg-7 g-0 pe-lg-2">
                        <div class="card border-0">
                            <div class="pt-4 pb-4 d-flex justify-content-between"
                                style="background: linear-gradient(to right, rgba(255,255,255,1), rgba(228,236,241,1))">
                                <div class="d-flex flex-row ">
                                    <div class="ps-3 mb-0 lh-lg">
                                        <img src="img/icon-listing.png" alt="">
                                    </div>
                                    <h5 class="ps-2 mb-0 hot_title">挂牌公告</h5>
                                </div>
                                <div class="pe-4">
                                    <a href="#">
                                        <img src="img/icon-arrow.png" alt="">
                                    </a>
                                </div>
                            </div>
                            <ul class="list-group">
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span class="d-inline-block list_left_text w-75">安徽万春混凝土有限公司等16户债权转</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让fgsfgsfgdgdgdfgdfgsdgdfgdfg</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">安徽万春混凝土有限公司等16户债权转</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                            </ul>
                        </div>
                        <div class="card border-0 mt-4">
                            <div class="navbar-collapse"
                                style="background: linear-gradient(to right, rgba(255,255,255,1), rgba(228,236,241,1))">
                                <ul class="nav nav-tabs border-0" role="tablist">
                                    <li class="nav-item ps-3" role="presentation">
                                        <a class="nav-link border-0 p-0 m-2 mb-0 mt-0 pb-4 pt-4 hot_title1 active"
                                            id="bidding-noitce-tab" data-bs-toggle="tab" href="#bidding-noitce"
                                            role="tab" aria-controls="bidding-noitce" aria-selected="true">
                                            竞价公告
                                        </a>
                                    </li>
                                    <li class="nav-item ps-4">
                                        <a class="nav-link border-0 p-0 m-2 mb-0 mt-0 pb-4 pt-4 hot_title1"
                                            id="auction-noitce-tab" data-bs-toggle="tab" href="#auction-noitce"
                                            role="tab" aria-controls="auction-noitce" aria-selected="false">
                                            拍卖公告
                                        </a>
                                    </li>
                                    <li class="nav-item ps-4">
                                        <a class="nav-link border-0 p-0 m-2 mb-0 mt-0 pb-4 pt-4 hot_title1"
                                            id="other-noitce-tab" data-bs-toggle="tab" href="#other-noitce" role="tab"
                                            aria-controls="other-noitce" aria-selected="false">
                                            其他公告
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content" id="myTabCount">
                                <div class="tab-pane fade show active" id="bidding-noitce" role="tabpanel"
                                    aria-labelledby="bidding-noitce-tab">
                                    <ul class="list-group">
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">千禧之星珠宝股份有限公司不良债权（项目编码：YTQH23060015）竞价公告</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                        <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">鸿帆控股有限公司等25户债权（项目编码：YTQH23060013）竞价公告</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                        <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">湖南潭衡高速公路开发有限公司及泰邦基建发展有限公司2户债权资产（项目编码：YTQH23060010）竞价公告</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tab-pane fade" id="auction-noitce" role="tabpanel"
                                    aria-labelledby="auction-noitce-tab">
                                    <ul class="list-group">
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">珠海景佳方盈投资管理合伙企业（有限合伙）0.0189%份额拍卖公告</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                        <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">杭州市临平区东湖街道易居时代公寓3幢3-2室拍卖公告（二次拍卖）</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                        <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">深圳市罗湖区嘉宾路深华商业大厦裙楼2055室房地产(165.29㎡)及2056室房地产(15.58㎡)的合同权利拍卖公告(第三次拍卖)</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tab-pane fade" id="other-noitce" role="tabpanel"
                                    aria-labelledby="other-noitce-tab">
                                    <ul class="list-group">
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">安徽万春混凝土有限公司等16户债权转</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                        <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                        <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                        <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                            <span
                                                class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让fgsfgsfgdgdgdfgdfgsdgdfgdfg</span>
                                            <span class="float-end list_right_text">2022-10-06</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-5 g-0 ps-xl-2 mt-md-3 mt-lg-0 mb-5">
                        <div class="card border-0">
                            <div class="pt-4 pb-4 d-flex justify-content-between"
                                style="background: linear-gradient(to right, rgba(255,255,255,1), rgba(228,236,241,1))">
                                <div class="d-flex flex-row">
                                    <div class="ps-3 mb-0 lh-lg">
                                        <img src="img/icon-Investment-Announcement.png" alt="">
                                    </div>
                                    <h5 class="ps-2 mb-0 hot_title">招商公告</h5>
                                </div>
                                <div class="pe-4">
                                    <a href="#">
                                        <img src="img/icon-arrow.png" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="d-flex flex-row overflow-auto ms-3 me-3" style="height: 125px;">
                                <div class="bg-box-in me-2">
                                    <div class="bg-mask d-flex align-items-center"
                                        style="background: rgba(0, 0, 0, 0.4);">
                                        <div class="ms-2">
                                            <p class="common_min_white_text m-0 ps-2 pb-2">中国长城资产</p>
                                            <p class="common_text_white m-0 ps-2">“点石成金”系列资产推介</p>
                                        </div><br>
                                    </div>
                                    <img class="bg-img me-2" src="img/shouye/img_changc.png" alt="">
                                </div>
                                <div class="bg-box-in me-2">
                                    <div class="bg-mask d-flex align-items-center"
                                        style="background: rgba(0, 0, 0, 0.4);">
                                        <div class="ms-2">
                                            <p class="common_min_white_text m-0 ps-2 pb-2">中国东方资产管理股份有限公司</p>
                                            <p class="common_text_white m-0 ps-2">项目招商专场</p>
                                        </div><br>
                                    </div>
                                    <img class="bg-img me-2" src="img/shouye/img_dongf.png" alt="">
                                </div>
                                <div class="bg-box-in">
                                    <div class="bg-mask d-flex align-items-center"
                                        style="background: rgba(0, 0, 0, 0.4);">
                                        <div class="ms-2">
                                            <p class="common_min_white_text m-0 ps-2 pb-2">中国长城资产</p>
                                            <p class="common_text_white m-0 ps-2">“点石成金”系列资产推介</p>
                                        </div><br>
                                    </div>
                                    <img class="bg-img" src="img/shouye/img_changc.png" alt="">
                                </div>
                            </div>
                            <ul class="list-group">
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">安徽万春混凝土有限公司等16户债权转让公告</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让公告</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让公告</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span
                                        class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等2户债权转让公告</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                                <div class="list-group-item border-0 p-0 me-3 ms-3 border-bottom"></div>
                                <li class="list-group-item border-0 p-0 mt-3 mb-3 me-3 ms-3">
                                    <span class="d-inline-block text-truncate list_left_text w-75">上海㦶冉实业有限公司等</span>
                                    <span class="float-end list_right_text">2022-10-06</span>
                                </li>
                            </ul>
                            <div id="carouselExampleIndicators" class="carousel slide p-4" data-bs-ride="carousel">
                                <ol class="carousel-indicators pb-3">
                                    <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
                                        class="m-0 border-0 me-2 carousel_indicators_sign active"></li>
                                    <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                                        class="m-0 border-0 ms-2 me-2 carousel_indicators_sign"></li>
                                    <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                                        class="m-0 border-0 ms-2 carousel_indicators_sign"></li>
                                </ol>
                                <div class="carousel-inner" style="height: 120px;">
                                    <div class="carousel-item active">
                                        <img src="img/shouye/img_tuijian_banner.png" class="d-block w-100 "
                                            style="height: 120px;" alt="...">
                                        <div class="carousel-caption d-none d-md-block w-100 h-100 ps-4"
                                            style="height: 120px; background: rgba(0, 0, 0, 0.4);top: 0; left: 0;">
                                            <div class="d-flex justify-content-start">
                                                <span class="common_min_white_text">近期热门资产</span>
                                                <div class="ps-2">
                                                    <span class="common_min_white_text text-center" style="border-radius: 8px;
                                                    border: 1px solid #FFFFFF; line-height: 18px;">new</span>
                                                </div>

                                            </div>
                                            <div class="d-flex justify-content-start">
                                                <p class="common_title_white_text">热门资产系统推介</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel-item">
                                        <img src="img/shouye/img_tuijian_banner.png" class="d-block w-100"
                                            style="height: 120px;" alt="...">
                                    </div>
                                    <div class="carousel-item">
                                        <img src="img/shouye/img_tuijian_banner.png" class="d-block w-100"
                                            style="height: 120px;" alt="...">
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 热门资产结束 -->

    <!-- 解决方案开始 -->
    <section>
        <div class="container mt-4">
            <div>
                <h2 class="text-center pb-4 big_title">解决方案</h2>
            </div>
            <div class="row clearMarg text-center pb-4">
                <div class="col-lg col-md-4 col-sm-6 p-0 ms-2 me-2 pt-2 pt-lg-0" onclick="alert('click')">
                    <img src="./img/shouye/编组 8备份 4.png" onmouseover="this.src='./img/shouye/编组\ 64.png'"
                        onmouseout="this.src='./img/shouye/编组 8备份 4.png'" alt=""
                        style="width: 100%; height: 100%; max-width: 259.2px;">
                </div>
                <div class="col-lg col-md-4 col-sm-6 p-0 ms-2 me-2 pt-2 pt-lg-0">
                    <img src="./img/shouye/编组 8备份 5.png" onmouseover="this.src='./img/shouye/编组\ 65.png'"
                        onmouseout="this.src='./img/shouye/编组 8备份 5.png'" alt=""
                        style="width: 100%; height: 100%; max-width: 259.2px;">
                </div>
                <div class="col-lg col-md-4 col-sm-6 p-0 ms-2 me-2 pt-2 pt-lg-0">
                    <img src="./img/shouye/编组 8备份 6.png" onmouseover="this.src='./img/shouye/编组\ 66.png'"
                        onmouseout="this.src='./img/shouye/编组 8备份 6.png'" alt=""
                        style="width: 100%; height: 100%; max-width: 259.2px;">
                </div>
                <div class="col-lg col-md-4 col-sm-6 p-0 ms-2 me-2 pt-2 pt-lg-0">
                    <img src="./img/shouye/编组 8备份 7.png" onmouseover="this.src='./img/shouye/编组\ 67.png'"
                        onmouseout="this.src='./img/shouye/编组 8备份 7.png'" alt=""
                        style="width: 100%; height: 100%; max-width: 259.2px;">
                </div>
                <div class="col-lg col-md-4 col-sm-6 p-0 ms-2 me-2 pt-2 pt-lg-0">
                    <img src="./img/shouye/编组 8备份 8.png" onmouseover="this.src='./img/shouye/编组\ 68.png'"
                        onmouseout="this.src='./img/shouye/编组 8备份 8.png'" alt=""
                        style="width: 100%; height: 100%; max-width: 259.2px;">
                </div>
            </div>
        </div>
    </section>
    <!-- 解决方案结束 -->

    <!-- 发展背景开始 -->
    <section class="background-image" style="
        background-image: url('img/img-development-background.png');
        background-size: cover; 
        background-position-x: center;
        height: 394px;">
        <div class="container mt-4">
            <div>
                <h3 class="text-center fazhan_title pt-5 pb-4">发展背景</h3>
            </div>
            <div class="row">
                <div class="col g-0 pe-2">
                    <div class="text-white fzahan_body">
                        <div class="card-title">
                            <h4 class="fazhan_year">2015</h4>
                        </div>
                        <div class="card-text ">
                            <div class="fazhan_line"></div>
                            <h5 class="fazhan_company pt-3">深圳市银通前海金融</h5>
                            <small class="fazhan_text pt-3">
                                深圳市银通前海金融资产交易中心有限公司进深圳市金融办批准，
                                由招商局集团(占股51%)和招商银行(占股49%)旗下公司共同出资，
                                在深圳前海注册成立的金融资产交易场所。
                            </small>
                        </div>
                    </div>
                </div>
                <div class="col g-0 ps-2">
                    <div class="text-white fzahan_body">
                        <div class="card-title">
                            <h4 class="fazhan_year">2018</h4>
                        </div>
                        <div class="card-text">
                            <div class="fazhan_line"></div>
                            <h5 class="fazhan_company pt-3">深圳市银通前海金融</h5>
                            <small class="fazhan_text pt-3">
                                2018年与招商平安资产，浦发银行深圳分行签订战略合作协议。
                            </small>
                        </div>
                    </div>
                </div>
                <div class="col g-0 ps-2">
                    <div class="text-white fzahan_body">
                        <div class="card-title">
                            <h4 class="fazhan_year">2021</h4>
                        </div>
                        <div class="card-text">
                            <div class="fazhan_line"></div>
                            <h5 class="fazhan_company pt-3">深圳市银通前海金融</h5>
                            <small class="fazhan_text pt-3">
                                2021年由"深圳市招银前海金融资产交易中心有限公司"
                                正式更名为"深圳市银通前海金融资产交易中心有限公司"。
                            </small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 发展背景结束 -->

    <!-- 合作机构开始 -->
    <section>
        <div class="container">
            <div class="pt-5 pb-5">
                <h1 class="text-center big_title">合作机构</h1>
            </div>
            <div class="row text-center pb-5">
                <div class="col-sm-6 col-lg-3 g-0">
                    <div>
                        <img src="img/coop_01_cmg.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_05_cmfh.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_13_cmsk.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_17_chamc.png" alt="">
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3 g-0 ">
                    <div>
                        <img src="img/coop_02_cmb.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_09_cmw.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_14_bosera.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_18_gwamcc.png" alt="">
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3 g-0 ">
                    <div>
                        <img src="img/coop_03_cmamc.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_11_mucfc.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_15_cmbfl.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_19_coamc.png" alt="">
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3 g-0 ">
                    <div>
                        <img src="img/coop_04_cms.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_12_cmf.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_16_cinda.png" alt="">
                    </div>
                    <div>
                        <img src="img/coop_20_cmbi.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 合作机构结束 -->

    <!-- 底部广告开始 -->
    <section>
        <div class="background-image"
            style="background-image: url('img/img-bottom-conversion.png'); background-size: cover; background-position-x: center; height: 170px;">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="d-flex align-items-center" style="height: 170px;">
                            <div class="w-100 d-flex justify-content-center">
                                <div>
                                    <h3 class="buttom_title">银通前海金融，聚焦特殊资产交易领域，打造国际化一站式综合服务平台</h3>
                                    <p class="btn-app-store pt-3 text-center">
                                        <a class="btn btn-success btn-lg border-0 rounded-0 buttom_buttn_text" href="#"
                                            style="background: linear-gradient(135deg, #A68259 0%, #BEA583 100%);">成为会员</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- 底部广告结束 -->

    <!-- 页脚 -->
    <div id="footer"></div>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="bootstrap/v5.3.0/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript">
        // 引入导航栏
        $('#header').load('header.html');
        // 引入页脚
        $('#footer').load('footer.html');
    </script>
</body>

</html>